<script setup>
import { inject, ref } from "vue";


const data1=inject("data1")
const date=ref()
const date1=ref()
const date2=ref()
const data=[{
  "msg":"1",
  "msg1":"1"
}]
</script>
<template>
<el-row style="background-color: white;margin: 40px 10px 0px;border:mintcream;">
  <el-col :span="24">
    <h3>填写设备维修信息</h3>
  </el-col>
  <el-row class="row2">
    <el-form style="margin-left: 200px;" :data="data">
      <el-form-item label="维修设备编号">
        <span>{{data1}}</span>
      </el-form-item>
      <el-form-item label="申请维修时间">
        <el-date-picker v-model="date" type="date"></el-date-picker>
      </el-form-item>
      <el-form-item label="维修开始时间">
        <el-date-picker v-model="date1" type="date"></el-date-picker>
      </el-form-item>
      <el-form-item label="维修完成时间">
        <el-date-picker v-model="date2" type="date"></el-date-picker>
      </el-form-item>
      <el-form-item label="历史维修信息">
        {{msg}}
      </el-form-item>
      <el-form-item >
        <textarea v-model="data.msg1" style="height: 100px; width: 500px;" placeholder="在此初填写您本次的维修信息"></textarea>
      </el-form-item>
    </el-form>
    <template>
      <el-button>开始维修任务</el-button>
      <el-button>保存维修信息</el-button>
      <el-button>返回</el-button>
      <el-button>完成维修任务</el-button>
    </template>
  </el-row>
</el-row>
</template>
<style scoped>
.row2{
  margin-top: 40px;
}
</style>